<template>
  <div>
    <todo-info></todo-info>
    <todo-clear @remove-all="removeAll"></todo-clear>
  </div>
</template>

<script>
import TodoInfo from "./TodoInfo";
import TodoClear from "./TodoClear";
export default {
  name: "index",
  components: { TodoInfo, TodoClear },

  data() {
    return {};
  },

  mounted() {},

  methods: {
    removeAll() {
      this.$emit("removeAll");
    },
  },
};
</script>

<style scoped>
</style>